<template>
  <div @click="qu">
  <!-- 
    事件修饰符
    @事件名.prevent=>e.preventDefault()阻止默认行为prevent
    @事件名.stop=>e.stopPropagational()阻止冒泡stop
   -->
   <a href="http://www.baidu.com" @click.prevent="fn">百度</a>
    <a href="http://www.jd.com" @click.prevent.stop="fun">京东一下</a>
  </div>
</template>

<script>
export default {
  //方法放在methods函数中
  methods: {
    fn() {
      console.log("自己的");
    },
    fun(){
     console.log("自己的京东");
    },
    qu(){
      console.log("父亲");
    }
  },
};
</script>

<style></style>
